<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>申通热敏单打印</title>
    <link rel="stylesheet" href="../css/sto-express.css">

    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../dist/js/jquery.barCodePrint.min.js"></script>

</head>
<body>
<div id="printContainer">
    <!--打印部分-->
    <div class="print-box">

        <!--上联 申通派件站存-->
        <div class="top-box">
            <!--logo和条形码-->
            <div class="logo-code">
                <div class="no-print logo">
                    <img src="../images/sto/sto-2.png" alt="logo">
                </div>
                <div class="code">
                    <img src="" class="js-barcode" data-num="9874586932147" alt="条形码">
                    <p class="num">9874586932147</p>
                </div>
            </div>

            <table class="top-table table-brd">

                <!--大号收货地址-->
                <tr class="to-address">
                    <td colspan="3">
                        <div class="h-16mm">TO:<span>河南省 郑州市 中原区</span></div>
                    </td>
                </tr>

                <!--收件人-->
                <tr class="addressee">
                    <td class="label text-tc"><span>收件人</span></td>
                    <td colspan="2">
                        <div class="h-16mm">
                            <p>收件人：李泞江</p>

                            <p>收件地址：河南省郑州市中原区中原路82号中晟银泰国际中心2703室</p>

                            <p>电话：13525574513</p>

                            <p>邮编：450000</p>
                        </div>
                    </td>
                </tr>

                <!--发件人-->
                <tr class="consignor">
                    <td class="label text-tc" rowspan="2"><span>发件人</span></td>
                    <td rowspan="2">
                        <div class="h-13mm">
                            <p>河南橙石创科-郑州总部</p>
                            <p>地址：郑州市中原区中原路82号中晟银泰国际中心2703室</p>
                        </div>
                    </td>
                    <td>
                        <div class="max-h-6mm">品名：玛莎拉蒂</div>
                    </td>
                </tr>
                <tr class="consignor">
                    <td>
                        <span>出库：2016-02-03</span>
                    </td>
                </tr>

                <!--订单号-->
                <tr class="order-num">
                    <td colspan="3">
                        <div class="h-6mm">
                            <span>订单号：</span>
                            <img src="" class="js-barcode" data-num="DP1588400012s" alt="条形码">
                            <span class="code-num">DP15884000</span>
                        </div>

                    </td>
                </tr>

                <!--签收-->
                <tr>
                    <td class="w-50" colspan="2">
                        <span>签收前请确认商品包装完好，没有划痕、破损等表面质量问题，签收即代表确认完好。</span>
                    </td>
                    <td class="w-50">
                        <span>收件人签名：</span>
                        <div class="sign-time">
                            <span class="fn-mr20">年</span>
                            <span class="fn-mr20">月</span>
                            <span class="fn-mr20">日</span>
                        </div>
                    </td>
                </tr>
            </table>

        </div>

        <!--下联 收件人存-->
        <div class="bottom-box">
            <table class="table-brd bottom-table">
                <tr>
                    <td>
                        <div class="addressee h-12mm">
                            <p>
                                <span class="fn-mr20">收件人：刘宏光</span>
                                <span>电话：18703655478</span>
                            </p>
                            <p>
                                <span class="fn-mr20">收件地址：河南省郑州市中原区中原路82号中晟银泰国际中心2703室</span>
                                <span>邮编：450000</span>
                                <span>出库：2015-02-03</span>
                            </p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="h-6mm">
                            <span class="fn-mr16">发件人：韩都衣社旗舰店</span>
                            <span class="fn-mr16">T:021-33658749</span>
                            <span>总件数：7</span>
                        </p>
                    </td>
                </tr>
                <tr class="goods-list">
                    <td>
                        <div class="list fn-fl w-50">
                            <span>ES0007RX-D09104 104 D09 *1</span>
                            <span>ES0007RX-D09104 104 D02 *1</span>
                            <span>ES0007RX-D09104 104 D03 *2</span>
                            <span>ES0007RX-D09104 104 D04 *3</span>
                            <span>ES0007RX-D09104 104 D05 *1</span>
                        </div>
                        <div class="list fn-fl w-50">
                            <span>ES0007RX-D09104 104 D09 *1</span>
                            <span>ES0007RX-D09104 104 D02 *1</span>
                            <span>ES0007RX-D09104 104 D03 *2</span>
                            <span>ES0007RX-D09104 104 D04 *3</span>
                            <span>ES0007RX-D09104 104 D05 *1</span>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="logo-code">
                            <div class="no-print logo">
                                <img src="../images/sto/sto-2.png" alt="logo">
                            </div>
                            <div class="code">
                                <img src="" class="js-barcode" data-num="9874586932147" alt="条形码">
                                <p class="num">9874586932147</p>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>

    </div>
    <!--end/打印部分-->

    <!--分页-->
<!--    <div class="page-break-before"></div>-->
    <!--END/分页-->

</div>

<button class="js-printBtn">打印</button>
    <script>
        var tpl=$('#printContainer');

        tpl.find('.js-barcode').each(function(){
            var that=$(this),num=that.data('num'),type=that.data('type');
            if(num=='') return false;

            that.JsBarcode(num+'');
        });

        //打印订单
        $('.js-printBtn').on('click',function(){
            //打印
            tpl.jqprint();
        });

    </script>
</body>
</html>